/*
 * @Author: Wang Yang
 * @Date: 2021-06-01 20:00:15
 * @LastEditors: Wang Yang
 * @LastEditTime: 2021-06-02 10:38:37
 * @Description: 封装axios
 */
import axios from "axios";
import store from "@/store";
import { Toast, Dialog } from "vant";

console.log(import.meta.env);
let request = axios.create({
  baseURL: import.meta.env.VITE_API_URL,
  timeout: 50000,
  // 跨域 与 默认情况下，标准的跨域请求是不会发送cookie等用户认证凭据的。所以，当你再次访问远程api的时候，cookie是不会被带上的，于是乎，
  // 服务器理所当然地认为你还没有登录。用XMLHttpRequest请求的时候
  crossDomain: true,
  withCredentials: true
});

// const err = error => {
//   if (error.response) {
//     console.log("------异常响应------", "token");
//     console.log("------异常响应------", error.response.status);
//     switch (error.response.status) {
//       case 400:
//         Dialog.confirm({
//           message: "很抱歉，登录已过期，请重新登录",
//           confirmButtonText: "重新登录"
//         }).then(() => {
//           store.dispatch("Logout").then(() => {
//             // 删除token
//             // Vue.ls.remove(ACCESS_TOKEN);
//             try {
//               let path = window.document.location.pathname;
//               console.log("location pathname -> " + path);
//               if (path != "/" && path.indexOf("/user/login") == -1) {
//                 window.location.reload();
//               }
//             } catch (e) {
//               window.location.reload();
//             }
//           });
//         });
//         break;
//     }
//   }
//   return Promise.reject(error);
// };

// 设置拦截器
request.interceptors.request.use(
  config => {
    //在发送请求之前做某事
    // const token = store.getters.token;
    // token && (config.headers["X-Access-Token"] = token);
    return config;
  },
  error => {
    //请求错误时做些事
    return Promise.reject(error);
  }
);

// 请求成功的回调
request.interceptors.response.use(
  response => {
    // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据
    // 否则的话抛出错误
    if (response.status === 200) {
      return Promise.resolve(response);
    } else {
      return Promise.reject(response);
    }
  },
  error => {
    if (error.response.status) {
      switch (error.response.status) {
        // 401: 未登录
        // 未登录则跳转登录页面，并携带当前页面的路径
        // 在登录成功后返回当前页面，这一步需要在登录页操作。
        case 401:
          router.replace({
            path: "/login",
            query: {
              redirect: router.currentRoute.fullPath
            }
          });
          break;

        // 400 token过期
        // 登录过期对用户进行提示
        // 清除本地token和清空vuex中token对象
        // 跳转登录页面
        case 400:
          Toast({
            message: "登录过期，请重新登录",
            duration: 1000,
            forbidClick: true
          });
          // 清除token
          localStorage.removeItem("token");
          store.commit("loginSuccess", null);
          // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
          setTimeout(() => {
            router.replace({
              path: "/login",
              query: {
                redirect: router.currentRoute.fullPath
              }
            });
          }, 1000);
          break;

        // 404请求不存在
        case 404:
          Toast({
            message: "网络请求不存在",
            duration: 1500,
            forbidClick: true
          });
          break;
        // 其他错误，直接抛出错误提示
        default:
          Toast({
            message: error.response.data.message,
            duration: 1500,
            forbidClick: true
          });
      }
      return Promise.reject(error.response);
    }
  }
);

export default request;
